<template>
  <div id="app">
    <router-view/> 
  </div>
</template>
<script>
	import { Notify } from 'vant';
	import {wx_share} from './utils/wx_share.js'
	export default{
		created() {
			// wx_share({
			// 	shareTitle: '水中康复',
			// 	shareDesc: '武汉体育学院水中康复与体能研究中心官方服务号。打造产学研一体化的专业发展平台。定标水中运动与康复体能的交叉整合发展。',
			// 	shareUrl: window.location.href.split("#")[0],
			// 	shareImg: 'http://qnkf.laigl.com/kg-logo.jpg',
			// });
			if(localStorage.getItem('openid')&&localStorage.getItem('code')){
				console.log('请求权限',console.log(new Date()))
				this.getConfig()
			}
		},
		components: {
			[Notify.Component.name]: Notify.Component
		},
		methods:{
			getConfig(){
				this.$axios.post('share/get_config',{url:window.location.href})
				.then(res=>{
					console.log(res)
					let data = res.data.data
					wx.config({
					  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
					  appId: data.appId, // 必填，公众号的唯一标识
					  timestamp: data.timestamp, // 必填，生成签名的时间戳
					  nonceStr: data.nonceStr, // 必填，生成签名的随机串
					  signature: data.signature,// 必填，签名
					  jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填，需要使用的JS接口列表
					});
					localStorage.setItem('jsapi_ticket',data.jsapi_ticket)
					wx.ready(function(){
					  // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
						// 发送给朋友
						wx.updateAppMessageShareData({
							title: '水中运动康复师',
							link: window.location.href,
							desc:'武汉体育学院水中康复与体能研究中心官方服务号。 打造产学研一体化的专业发展平台。定标水中运动与康复体能的交叉整合发展。',
							imgUrl: 'http://qnkf.laigl.com/kg-logo.jpg',
							success: function() {
								// 用户点击了分享后执行的回调函数
								console.log('发送给朋友设置成功')
							},
							cancel: function() {
								Notify({ type: 'warnning', message: '分享取消' });
							}
						})
						// 分享到朋友圈
						wx.updateTimelineShareData({
							title: '武汉体育学院水中康复与体能研究中心官方服务号。 打造产学研一体化的专业发展平台。定标水中运动与康复体能的交叉整合发展。',
							link: window.location.href,
							imgUrl: 'http://qnkf.laigl.com/kg-logo.jpg',
							success: function() {
								// 用户点击了分享后执行的回调函数
								console.log('分享到朋友圈设置成功')
							},
							cancel: function() {
								Notify({ type: 'warnning', message: '分享取消' });
							}
						})
					});
					wx.error(function(res){
					  // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
						Notify({ type: 'warnning', message: '分享接口调用失败' });
					});
				})
			}
		}
	}
</script>
<style>
	@import './assets/css/iconfonts/iconfont.css';
	@import './assets/css/style.css';
</style>
